<template>
    <div class='home_page'>
        <!-- 这个router-view是为 当前组件的组路由组件服务的 -->
        <transition name="bounce" mode="out-in">
            <router-view></router-view>
        </transition>
        

        <my-nav></my-nav>
    </div>
</template>
<script>
// @ is an alias to /src
import mynav from '@/components/common/nav.vue'
export default {
    name: 'Index',
    data() {
        return {
        
        }
    },
    components: {
        'my-nav':mynav
    }
}
</script>
<style lang="less">
.fade123-enter-active, .fade123-leave-active {
  transition: opacity .5s;
}
.fade123-enter, .fade123-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
</style>